$('ol>li').on('click',function(){
    $(this).addClass('f-li').siblings('').removeClass('')
    var zindex = $(this).index();
    
    autoplay(zindex);
})
function autoplay(zindex){
    $('.lunbo>ul>li').eq(zindex).fadeIn().siblings('li').fadeOut();
    $('ol>li').eq(zindex).addClass('f-li').siblings('li').removeClass('f-li')
}
var zindex = 0;
$('.jiantou>.jiantou-right').on('click',function(){
     if(zindex>=1){
        zindex=-1;
     }
     zindex++;
     $('.lunbo>ul>li').eq(zindex).fadeIn().siblings('li').fadeOut();
     $('ol>li').eq(zindex).addClass('f-li').siblings('li').removeClass('f-li')
    })
$('.jiantou>.jiantou-left').on('click',function(){
     if(zindex<=-1){
        zindex=1;
     }
     zindex--;
     $('.lunbo>ul>li').eq(zindex).fadeIn().siblings('li').fadeOut();
     $('ol>li').eq(zindex).addClass('f-li').siblings('li').removeClass('f-li')
    })
   
var Interval =setInterval(function(){
    if(zindex<=-1){
        zindex=1;
     }
     zindex--;
     $('.lunbo>ul>li').eq(zindex).fadeIn().siblings('li').fadeOut();
     $('ol>li').eq(zindex).addClass('f-li').siblings('li').removeClass('f-li')
},2000)
$('.lunbo').mouseover(function(){
    clearInterval(Interval)
})
$('.lunbo').mouseout(function(){
     Interval =setInterval(function(){
    if(zindex<=-1){
        zindex=1;
     }
     zindex--;
     $('.lunbo>ul>li').eq(zindex).fadeIn().siblings('li').fadeOut();
     $('ol>li').eq(zindex).addClass('f-li').siblings('li').removeClass('f-li')
},2000)
})

$('.right-header-left').hover(function(){
    $('.denglu').css({display:'block'})
   
},function(){
    $('.denglu').hover(function(){
    $('.denglu').css({display:'block'})
  },function(){
    $('.denglu').css({display:'none'})
  })
})
$('.right-header-right').hover(function(){
$('.xiazai').css({display:'block'})
},function(){
$('.xiazai').hover(function(){
    $('.xiazai').css({display:'block'})
  },function(){
    $('.xiazai').css({display:'none'})
  })
})
$('.location-header').hover(function(){
    $('.city').css({display:'block'})
    },function(){
    $('.city').hover(function(){
        $('.city').css({display:'block'})
      },function(){
        $('.city').css({display:'none'})
    })
})

$('.denglu>ul>li').hover(function(){
    $(this).css({background:'#ebebeb'})
},function(){
    $(this).css({background:'white'})
})
